<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>才不是没故事的曾同学</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/nav-hidden">
	<style rel="stylesheet">
		/*.box1,.box3{
			height: 100px;
			background: #2fa0ec;
		}*/
		.box2{
			position: relative;
			height: calc(100% - 10px);
		}
	</style>
</head>
<body>
	<!-- 汉堡菜单 -->
	<div class="nav">
	  <button class="btn-nav">
	    <span class="icon-bar top"></span>
	    <span class="icon-bar middle"></span>
	    <span class="icon-bar bottom"></span>
	  </button>
	</div>

	<div class="nav-content hideNav hidden">
	  <ul class="nav-list">
	  	<li class="nav-item"><a href="index.html" class="item-anchor">HOME 首页</a></li>
	    <li class="nav-item"><a href="note2.html" class="item-anchor">MY NOTE 设计笔记（建设中）</a></li>
	    <li class="nav-item"><a href="source.html" class="item-anchor">SOURCE 资源导航（建设中）</a></li>
	    <!-- <li class="nav-item"><a href="#" class="item-anchor">item 3</a></li> -->
	    <li class="nav-item"><a href="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/download/%E6%9B%BE%E9%AD%8F-%E8%AE%BE%E8%AE%A1%E5%B2%97-18508260455.pdf" class="item-anchor">ABOUT ME 我的简历</a></li>
	    <hr style="margin-left: 50px;width: 400px;">
	    <p style="font-size: 14px;margin-left: 50px;">Thanks for your watching</p>
	    <p style="font-size: 14px;margin-left: 50px;">You could contact me by +86 185 0826 0455</p>
	    <p style="font-size: 14px;margin-left: 50px;">799895183@qq.com</p>
	  </ul>
	</div>
	
	<!-- 页头 -->
	<header>
		<div style="height: 140px;margin: 0 auto; text-align: center;"><img style="width: 80px;margin: 20px;" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/logo.png" alt=""></div>
		<div class="head">
			<hr/>
			<img class="motto" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/640.gif" alt="用生命创造，尽全力生活">
			<div class="title">
				<p style="font-weight:800;font-style:italic;">NICE TO<br>MEET U</p>
				<p style="font-size: 24px;font-weight:200;">才不是没故事的曾同学</p>
			</div>
		</div>
		<div style="background-color: #fff; width: 1200px;height:1px;float: none; margin: 0 auto; display: block;"></div>
	</header>
	<div class="aboutme">
		<div align="center"><img style="margin: 0 auto; align:center; width: 320px;" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/brain_natural_os_by_gleb2.gif" alt="ABOUT ME"></div>
	</div>
	<!-- 个人履历 -->
	<!-- <div class="box1"></div> -->
	<div class="box2">
		<div id="wrap">
			<a href="#" class="hb">
				<div class="c">
					<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/1.png" alt="百度"/>
					<div class="txt">
						<h1>2014年5月-2015年9月 百度</h1>
						<p>2014年12月大三以实习生身份入职百度运营岗，负责百度教育线上、线下活动策划。因为兴趣，一边自学，一边帮助同事承担起了部分设计工作。14年、15年差不多是新媒体发展元年和爆发之年，在此期间独自建立起了百度教育校园品牌的新媒体矩阵。</p>
					</div>
				</div>
			</a>
			<div class="fullBg">
				<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/1.png" alt="百度"/>
			</div>
			<a href="#" class="hb">
				<div class="c">
					<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/2.gif" alt="造作"/>
					<div class="txt">
						<h1>2016年3月-2017年5月 造作</h1>
						<p>造作是一个设计氛围十分强的公司，设计水平和要求都很高；15年春节前偶然发现该公司并通过微博互动的方式得到CEO认可，在几乎没有任何设计背景的情况下被该公司录用。并在毕业后顺利留下。在这里只待了一年却是成长最快的一年，陆陆续续完成了近20场大小型线下活动现场物料设计、各种推广图片的设计和少量的页面设计。更伴随着实体店的落地和发展，基本建立起了线下门店物料体系和标准。</p>
					</div>
				</div>
			</a>
			<div class="fullBg">
				<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/2.gif" alt=""/>
			</div>
			<a href="#" class="hb">
				<div class="c">
					<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/3.png" alt=""/>
					<div class="txt">
						<h1>2017年5月-至今 大汇物联</h1>
						<p>负责公司品牌、视频、UI UE；多个大屏设计项目。公司的项目很多，很杂，在此能够尝试体验各种新鲜的事情。但团队在设计、用户体验层面的专业度不够高，重视程度不足，是一个不错的工作之地，却不是一个年轻设计师的磨练之所。带过三人的小组团队，一直希望能够建立更加合理的考评标准、互动提升机制，从而获得更加高效的用户体验团队。</p>
					</div>
				</div>
			</a>
			<div class="fullBg">
				<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/3.png" alt=""/>
			</div>
			<a href="#" class="hb">
				<div class="c">
					<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/4.png" alt="未来"/>
					<div class="txt">
						<h1>FUTURE</h1>
						<p>未来，最希望的是能够找到个人能力与公司目标契合的点，推动公司项目实现商业价值的同时实现自我提升和晋升；更多地在团队建设和管理领域摸索。</p>
					</div>
				</div>
			</a>
			<div class="fullBg">
				<img src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/4.png" alt="未来"/>
			</div>
		</div>
	</div>
	<!-- <div class="box3"></div> -->
	<!-- 个人作品 -->
	<div class="imgbox" align="center"><img class="mywork" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/20190803214248.gif"  alt="MY WORK"></div>
	<h1 style="margin: 0 auto; margin-bottom: 40px;align-items: center; text-align: center;">MY WORK</h1>
	<div class="worklist">
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_12d5b1ab6"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/1.jpg" alt=""></a>
		</div>
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_fd87253"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/2.jpg" alt=""></a>
		</div>
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_fdf74f7"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/3.jpg" alt=""></a>
		</div>
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_fddebbb"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/4.gif" alt=""></a>
		</div>
		<div class="item">
			<a href="http://aloneview.lofter.com/post/23a450_e1f74d8"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/5.gif" alt=""></a>
		</div>
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_12103ef6"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/6.jpg" alt=""></a>
		</div>
		<div class="item">
			<a href="http://37ocs.lofter.com/post/1ee07184_1c64f46f9"><img class="item-img" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/work/7.png" alt=""></a>
		</div>
	</div>

	<!-- more -->
	<div style="margin: 80px; text-align: center;"><a href="http://37ocs.lofter.com/"><img style="margin: 0 auto; width:240px; " src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/more.gif" alt=""></a></div>
	

	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		  var docWidth = $('body').width(),
		      $wrap = $('#wrap'),
		      $images = $('#wrap .hb'),
		      slidesWidth = $wrap.width();
		  
		  $(window).on('resize', function(){
		    docWidth = $('body').width();
		    slidesWidth = $wrap.width();
		  })
		  
		  $(document).mousemove(function(e) {
		    var mouseX = e.pageX,
		        offset = mouseX / docWidth * slidesWidth - mouseX / 2;
		    
		    $images.css({
		      '-webkit-transform': 'translate3d(' + -offset + 'px,0,0)',
		              'transform': 'translate3d(' + -offset + 'px,0,0)'
		    });
		  });
		})
	</script>
	<!-- 汉堡菜单 -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script>
	$(window).load(function () {
	    $('.btn-nav').on('click tap', function () {
	        $('.nav-content').toggleClass('showNav hideNav').removeClass('hidden');
	        $(this).toggleClass('animated');
	    });
	});
	</script>
</body>
</html>